<template>
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />

        <!-- 轮播图 -->
        <HomeBanner/>
      </div>
    </div>
    <!-- 新鲜好物 -->
    <HomeNew/>
    <!-- 人气推荐 -->
    <HomeHot/>
    <!-- 热门品牌 -->
    <HomeBrand/>
    <!-- 产品区 -->
    <HomeProduct/>

    <!-- 最新专题 -->
    <HomeSpecial/>

</template>

<script>
import HomeCategory from './components/home_category.vue'
import HomeBanner from './components/home_banner.vue'
import HomeNew from './components/home_new.vue'
import HomeHot from './components/home_hot.vue'
import HomeBrand from './components/home_brand.vue'
import HomeProduct from './components/home_product.vue'
import HomeSpecial from './components/home_special.vue'
export default {
  components: {HomeCategory, HomeBanner, HomeNew,HomeHot,HomeBrand,HomeProduct,HomeSpecial },
  name: 'HomePage'

}
</script>

<style scoped lang="less">
.container {
    .hoverShadow ();
}

</style>
